{% include "header.html" %} 
  <!-- CONTEÚDO -->
  <div class="container left">
    <div class="content table center"> 
      
      <!-- CONTEÚDO PRIMÁRIO -->
      <div class="boxPattern bg-painel">
       
       <h3 class="titleFull"><span class="icon-usuario"></span>Painel do Usuário</h3>
       
		<div id="painel-sidebar">
        	
            <div class="user-info">

            	<p><strong><center>{{ u.nome }}</center></strong></p>
            
            	<div class="avatar-cont">

                    {% if u.foto %}
                	<div class="avatar">
                    	<img src="/media/{{ u.foto }}" height="100%" alt="" width="100%"/>
                    </div>
                    {% else %}
                     <div class="avatar">
                    	<img src="{{ MEDIA_URL }}img/avatar.png" height="100%" alt="{{ u.nome }}" width="100%"/>
                    </div>
                    {% endif %}

                
                </div>
                
                <ul class="user-nav">
                	<li><a href="{% url ingenium.views.usuarioCadastro user_id=u.id %}"  target="_blank">Visualizar Currículo</a></li>

                </ul>
                
                <div class="clear"></div>
            
            </div>
            
            <ul id="painel-nav">

              <li><a href="{% url ingenium.views.usuarioDashboard user_id=u.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-dashboard.png" />Painel do usuário</a></li>
              <li><a href="{% url ingenium.views.usuarioCurriculo user_id=u.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-curriculo.png" />Gerenciar Currículo</a></li>
              <li class="active"><a href="#"><img src="{{ MEDIA_URL }}img/icon-painel-curriculo.png" />Painel de Vagas</a></li>
              <li><a href="{% url ingenium.views.usuarioMensagens cod=u.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-mensagens.png" />Mensagens</a></li>
              <li><a href="{% url ingenium.views.usuarioPerguntas user_id=u.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-perguntas.png" />Perguntas Frenquentes</a></li>
              <li><a href="{% url ingenium.views.usuarioCursos user_id=u.id %}"><img src="{{ MEDIA_URL }}img/icon-painel-cursos.png" />Cursos e Treinamentos</a></li>
              <li><a href="{% url ingenium.views.usuariosugestao user_id=u.id %}"><img src="{{ MEDIA_URL }}img/icon-ask-question.png" width="16" height="16"/>Dúvidas e Sugestões</a></li>              </ul>

            
        </div>
        
        <div id="painel-conteudo">
        
        	<div class="painel-conteudo-header">
            
            	<span class="painel-home-button"><a href="{% url ingenium.views.usuarioDashboard user_id=u.id %}">Painel do usuário</a></span>
                
                <span class="breadcrumb">Painel de Vagas<a class="sair" href="{% url ingenium.views.sair %}">Sair</a></span>
                
            </div>

              <h1>Vagas que você se candidatou</h1>
        
        	<div class="painel-cont-int">
            
                <div id="acc-options">
                    <a href="javascript:parentAccordion.pr(1)">Exibir todas</a> | <a href="javascript:parentAccordion.pr(-1)">Ocultar todas</a>
                </div>
                
                <ul class="acc" id="acc">
                    {%for ite in proc%}
                    <li>
                
                        <h3>{{ite.vaga.descricao}}<spam style="float: right;">Data de Procura: {{ite.data|date:'d/m/y'}}</spam></h3>
                
                        <div class="acc-section">
                            <div class="acc-content">
                                <p><strong>Descrição da vaga</strong></p>

                                 <p>{{ite.vaga.observacao}}</p>

                                {% if ite.res %}
                                <p><strong>Situação</strong></p>

                                 <p>{{ite.res}}</p>
                                {% endif %}

                                {% if ite.observacao %}
                                <p><strong>Relatório</strong></p>

                                 <p>{{ite.observacao}}</p>
                                {% endif %}


                            </div>
                        </div>
    
                    </li>
                    

                    {%endfor%}
    
                </ul>
                
                <script type="text/javascript">
                var parentAccordion=new TINY.accordion.slider("parentAccordion");
                parentAccordion.init("acc","h3",1,-1,"acc-selected");
                </script>
            
            </div>
        
        </div>

        <div class="clear"></div>		
             
      </div>
      <!-- // FIM CONTEÚDO PRIMÁRIO --> 
      
      <!-- CONTEÚDO SECUNDÁRIO -->
      
    </div>
  </div>
  <!-- // FIM CONTEÚDO --> 
{% include "rodape.html" %}
